<template>
  <div>
    <van-nav-bar :title="activeTitle" fixed />

    <!-- 一级路由 挂载点 一般写在 App.vue 中 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTitle: this.$route.meta.title, // "默认"顶部导航要显示的标题 (默认获取当前路由对象里的meta中title值)
    };
  },
  // 路由切换 - 侦听$route对象改变
  watch: {
    $route() {
      this.activeTitle = this.$route.meta.title; // 提取切换后路由信息对象里的title显示
    },
  },
};
</script>

<style></style>
